<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../common/css/amazeui.min.css">
    <link rel="stylesheet" href="../common/css/app.css">
    <link rel="stylesheet" href="../static/css/font.css">
    <link rel="stylesheet" href="../static/css/public.css">
    <link rel="stylesheet" href="../static/css/mobileIndex.css">
    <link rel="stylesheet" href="../static/css/index.css">
    <!-- <script src="../common/js/sea.js"></script>
     <script src="../common/js/seajs.config.js"></script>-->
    <script src="../common/js/jquery.js"></script>
    <script src="../common/js/amazeui.js"></script>
    <script src="../common/js/iscroll.js"> </script>
    <script SRC="../static/js/mIndex.js"></script>
</head>


<body>

<div class="holewSeachPage">
    <!--头部-->
    <div class="am-g doc-am-g" id="searchTop">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12" id="mheaderSearch">
            <form action="zyc.php">
                <i class="iconfont searchMBtn">&#xe50f;</i>
                <input type="text" id="mSearch" class="am-u-sm-12 am-u-md-12 am-u-lg-12" placeholder="搜索课程" autocomplete="off">
                <i class="iconfont closehMBtn" id="closehMBtn" style="display:none">cds</i>
                <input type="submit" id="searchBtn" value="搜索" >
            </form>
        </div>
    </div>
    <!--头部-->
    <!--内容区域-->
    <div class="am-g doc-am-g" id="mindexContent">
        <!--Carousel -->
        <div id="banner" class="am-slider am-slider-default clear" data-am-flexslider="{directionNav: false,slideshowSpeed:3000}">
            <ul class="am-slides clear">
                <li><a href="#"><img src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></a></li>
                <li><a href="#"><img src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></a></li>
                <li><a href="#"><img src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></a></li>
            </ul>
        </div>
        <!--Carousel -->
        <!--分类-->
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear" id="classification">
            <a href="#">
                <i class="iconfont iconfont-1">&#xe69c;</i>
                <p>小学教育</p>
            </a>
            <a href="#">
                <i class="iconfont iconfont-2">&#xe6a2;</i>
                <p>初中教育</p>
            </a>
            <a href="#">
                <i class="iconfont iconfont-3">&#xe638;</i>
                <p>高中教育</p>
            </a>
            <a href="#">
                <i class="iconfont iconfont-4">&#xe507;</i>
                <p>大学考试</p>
            </a>
            <a href="mobileSearch.html">
                <i class="iconfont iconfont-5">&#xe613;</i>
                <p>全部分类</p>
            </a>
        </div>
        <!--分类-->
        <!--关注的分类-->
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear"  id="follow">
            <div class="followClass ">幼儿园</div>
            <div class="followClass fActive">一年级</div>
            <div class="followClass">二年级</div>
            <div class="followClass">高一</div>
            <div class="followClass">高二</div>
            <a class="addClass" href="./select.html">
                <i class="iconfont">&#xe66c;</i>
            </a>
        </div>
        <!--关注的分类-->
        <!--内容-->
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear miContent" style="display:none">
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">喜欢你时间开心的事</div>
                <div class="price">¥259.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥399.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">喜欢你时间开心的事</div>
                <div class="price">¥259.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥399.00</div>
            </div>
        </div>


        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear miContent clear" style="display:block">
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">2222222222222222222222222</div>
                <div class="price">¥259.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">免费</div>
            </div>

            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">喜欢你时间开心的事</div>
                <div class="price">¥259.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">免费</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">免费</div>
            </div>
        </div>

        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear miContent clear" style="display:none">
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">ccccccccccccccccc</div>
                <div class="price">¥259.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">免费</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">免费</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">喜欢你时间开心的事</div>
                <div class="price">¥259.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥399.00</div>
            </div>
        </div>

        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear miContent clear" style="display:none">
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">44444444444444444</div>
                <div class="price">¥259.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">免费</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥399.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">喜欢你时间开心的事</div>
                <div class="price">免费</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>

        </div>

        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear miContent clear" style="display:none">
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">55555555555555</div>
                <div class="price">免费</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥100.00</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">免费</div>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
                <img src="../static/img/tu.png" alt="">
                <div class="title">111111111</div>
                <div class="price">¥399.00</div>
            </div>


        </div>
        <!--内容-->
        <div class="courses" style="height:30px;line-height:40px">
            <span>查看全部课程</span>
            <i class="iconfont">&#xe63c;</i>
        </div>
    </div>
    <!--内容区域-->

    <!--底部区域-->
    <div class="am-g doc-am-g" id="mIndexFoot">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
        <a href="#" class="am-u-sm-4 am-u-md-4 am-u-lg-4 active" >
            <i class="iconfont ">&#xe6c8</i>
            <p>课程</p>
        </a>
        <a href="#" class="am-u-sm-4 am-u-md-4 am-u-lg-4" >
            <i class="iconfont">&#xe65e</i>
            <p>学习</p>
        </a>
        <a href="" class="am-u-sm-4 am-u-md-4 am-u-lg-4" >
            <i class="iconfont">&#xe626</i>
            <p>我的</p>
        </a>

        </div>
    </div>
    <!--底部区域-->

</div>

    <script>
        $("#follow .followClass").click(function(){
            var index=$(this).index();
            $("#follow .followClass").removeClass("fActive");
            $("#follow .followClass").eq(index).addClass("fActive");
            $(".miContent").hide();
            $(".miContent").eq(index).show();
        })
    </script>
</body>
</html>